.sponsor {
  display: inline-block;
  text-align: center;

  .qrcode {
    margin: 5px;
    display: inline-block;
    img {
      border-radius: 5px;
      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) !important;
    }
    span {
      color: rgba(102, 102, 102, 0.5);
      font-size: 0.8em;
    }

    img,
    span {
      display: block;
    }

    text-align: center;
  }

  .sponsorBtn {
    display: inline-block !important;
    color: rgba(0, 0, 0, 0.5);
    border: 1px #f3f4f6 solid;
    padding: 2px 5px;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) !important;
    background-color: #fff;
    font-size: 0.9em;

    &:hover .heart {
      transform: scale(1.6);
      transition: all 0.2s;
    }

    .heart {
      vertical-align: baseline;
      color: #f22e3c;
      margin: 0 0px;
      height: 16px;
      width: 16px;
      display: inline-block;
    }
  }
}
